<section class="article-wrap" [ngStyle]="getNgStyle(tagData.data?.tagStyle)">
  <h1 *ngIf="tagData.data.moreLink || tagData.data.columnTitle">
    <span>{{tagData.data.columnTitle}}</span>
    <span *ngIf="tagData.data.moreLink" class="more" appDebounceClick (debounceClick)="get(tagData.data.moreLink.link)">
        <a class="more-text">查看全部</a><i class="arrow-icon"></i>
    </span>
  </h1>
  <div [ngClass]="{'moreLinkBottom':tagData.data.moreLink}" class="article" *ngFor="let item of tagData.data.data" appDebounceClick (debounceClick)="get(item.link)">
    <div class="detail" [class.noImg]="!item.imageUrl">
      <h2>{{item.title}}</h2>
      <p>{{item.info}}</p>
    </div>
    <img class="article-img" *ngIf="item.imageUrl" src="{{item.imageUrl}}?x-oss-process=image/resize,m_mfit,w_240" onerror="this.src='assets/img/default_img.png'" alt="article-image">
  </div>
  <div *ngIf="!this.tagData.data.data" style="height: 95.09px"></div>
  <button class="more-btn" *ngIf="tagData.data.moreButton" appDebounceClick (debounceClick)="get(tagData.data.moreButton.link)">{{tagData.data.moreButton.label}}</button>
  
        <!-- 向上滚动刷新 -->
        <ion-infinite-scroll
          *ngIf="!tagData.data.moreButton && pageTotal && pageNo*pageSize < pageTotal" threshold="5%"
          (ionInfinite)="loadMoreData($event)">
          <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="正在加载更多数据...">
          </ion-infinite-scroll-content>
        </ion-infinite-scroll>
</section>